<template>
    <div class="contents">
        <div class="growhead" color="#000">
			<van-nav-bar
            title="标题"
            left-text="返回"
            right-text="关注"
            left-arrow
            @click-left="onClickLeft"
            @click-right="onClickRight"
            />
		</div>
        <aside class="success">
            <img src="./../assets/img/ok.png" alt="">
            <h3>发布成功</h3>
        </aside>
        <aside class="share">
            <div class="sharebg">
                <span>分享</span>
            </div>         
         </aside>
        <div class="qqimg">
            <li><img src="./../assets/img/weixin.png" alt=""></li>
            <li><img src="./../assets/img/qq.png" alt=""></li>
            <li><img src="./../assets/img/weibo.png" alt=""></li>  
        </div>
         <router-link class="cancel" to="/topic" tag="div"><img src="./../assets/img/nook.png" alt=""></router-link>
    </div>
</template>


<script>
import Vue from 'vue'
import Header from './Header'
import { NavBar,Tab, Tabs  } from 'vant';

Vue.use(Tab).use(Tabs);
Vue.use(NavBar);
export default {
	data () {
        return {
            
        }
	},
	methods: {
	  onClickLeft () {
		this.$router.go(-1);
      },
      onClickRight () {

      }
	},
	components: {
		Header
	}
}

</script>

<style lang="scss" scoped="scoped">
   .success{
       height:2.6rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       img{
           width:0.8rem;
           height:0.8rem;
       }
       h3{
           color:#000;
           margin-top: 0.26rem;
           font-size: 0.18rem;
       }
   }
   .share{
       height:0.26rem;
       text-align: center;
       line-height: 0.26rem;
       font-size: 0.16rem;
       font-weight: 600;
       .sharebg{
           height: 1px;
           border-top: 1px solid #ccc;
           text-align: center;
           span{
               position: relative;
               top: -0.12rem;
               background: #fff;
               padding:0 0.2rem;
           }
       }
   }
   .qqimg{
       display: flex;
       margin-top:0.3rem;
       height: 0.44rem;
       li{
           width:100%;
           list-style: none;
           display: flex;
           justify-content: center;
           align-items: center;
         img{
           width: 100%;
           height:0.44rem;
           width:0.44rem;
         }
       }       
   }
   .cancel{
       height:2.6rem;
       display: flex;
       justify-content: center;
       align-items: center;
       img{
           width:0.5rem;
           height:0.5rem;
       }
   }
</style>